<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="../../css/reset.css" rel="stylesheet" type="text/css"/>
    <link href="../../css/list.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.css" rel="stylesheet">
    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script crossorigin="anonymous"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/locale/bootstrap-table-zh-CN.min.js"></script>
</head>
<body>
<table id="express_list"></table>
<script>
    $(function () {

        $("#express_list").bootstrapTable({
            //请求地址
            url: "/express/list.do",
            //行显示间隔
            striped: true,
            //初始化分页为1
            pageNumber: 1,
            //是否分页
            pagination: true,
            //分页类型：服务器分页
            sidePagination: 'server',
            //每页显示数
            pageSize: 5,
            //单元显示
            pageList: [5, 10, 20],
            //刷新按钮
            showRefresh: true,
            //发送请求数据
            queryParams: function (params) {
                var temp = {
                    offset: params.offset,
                    pageNumber: params.limit
                };
                return temp;
            },
            //关闭排序列按钮
            columns: [
                {
                    title: "编号",
                    field: "id",
                    sortable: false
                },
                {
                    title: "单号",
                    field: "number",
                    sortable: false
                },
                {
                    title: "收件人姓名",
                    field: "username",
                    sortable: false
                },
                {
                    title: "收件人电话",
                    field: "userphone",
                    sortable: false
                },
                {
                    title: "快递公司",
                    field: "company",
                    sortable: false
                },
                {
                    title: "取件码",
                    field: "code",
                    sortable: false
                },
                {
                    title: "快递入库时间",
                    field: "intime",
                    sortable: false
                },
                {
                    title: "快递出库时间",
                    field: "outtime",
                    sortable: false
                },
                {
                    title: "状态",
                    field: "status",
                    sortable: false
                },
                {
                    title: "录入人的手机号",
                    field: "sysPhone",
                    sortable: false
                }
            ]
        });

    });
</script>


<!--<table class="tab tab-hover">-->
<!--    <tr class="active">-->
<!--        <th>编号</th>-->
<!--        <th>单号</th>-->
<!--        <th>快递公司</th>-->
<!--        <th>收货人</th>-->
<!--        <th>收货电话</th>-->
<!--        <th>状态</th>-->
<!--        <th>取件码</th>-->
<!--        <th>状态变更时间</th>-->
<!--        <th>操作</th>-->
<!--    </tr>-->

<!--    <tr>-->
<!--        <td>1001</td>-->
<!--        <td>123123123</td>-->
<!--        <td>顺风快递</td>-->
<!--        <td>李老师</td>-->
<!--        <td>18516955565</td>-->
<!--        <td>已取件</td>-->
<!--        <td>无取件码</td>-->
<!--        <td>2019-12-27 11:11</td>-->
<!--        <td><span class="btn-danger">删除</span></td>-->
<!--    </tr>-->
<!--    -->
<!--</table>-->

</body>
</html>
